<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>    
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"     prefix="c"    %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>朗思</title>
<link href="css/global.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript">
 $(function(){
	 var sel = document.getElementById("select");
	 sel.onchange = function(){
		window.location.href = "recruit_showInfo.action?page="+(this.value-1)+"&pn=5";
	 } 
	 
 });
	
</script>
</head>

<body>
	<!--top-->
	<div class="top"></div>   			
	<!--top结束--> 
	<div class="header">
		<div class="header_content">
			<img src="images/logo.png" />
			<div class="clr"></div>
		</div>
	</div>
	<!--header结束-->
	<!--menu--> 
	<div class="menu">
		  <ul class="menu_list">
		 	<li>
				<a href="index_show.action">
					<img src="images/home_icon.png" />
					<span class="home_word">首页</span>
				</a>			
			</li>
		 	<li>
				<a href="courseIntro_showInfo.action">
					<img src="images/news_icon.png" />
					<span>课程信息</span>
				</a>			
			</li>
			<li>
				<a href="industry_show.action">
					<img src="images/dynamic_icon.png" />
					<span>行业动态</span>
				</a>			
			</li>
			<li class="menu_active">
				<a href="recruit_showInfo.action?page=0&pn=5">
					<img src="images/job_icon.png" />
					<span>招聘动态</span>
				</a>			
			</li>
			<li>
				<a href="techer_show.action">
					<img class="team_icon" src="images/team_icon.png" />
					<span>师资团队</span>
				</a>			
			</li>
			<li>
				<a href="project_showInfo.action">
					<img src="images/project.png" />
					<span>实训项目</span>
				</a>			
			</li>
			<li>
				<a href="#">
					<img src="images/xueyuan.png" />
					<span>朗思学院</span>
				</a>			
			</li>
			<li>
				<a href="intro_showInfo.action">
					<img src="images/about.png" />
					<span>关于朗思</span>
				</a>			
			</li>
		 	<div class="clr"></div>
		 </ul>
	</div>
	<!--menu结束--> 
	<!--silder_all-->
	<div class="teacher_silder_all">
		<div class="job_silder"></div>
	</div>
	<!--silder_all结束-->
	<div class="home_content">
		<div class="human_home">
			<div class="curriculum_home_top">
				<h1 class="cur_infor human_infor">招聘信息</h1>
			</div>
			<ul class="industry_home_list human_home_list">
			
			<c:forEach items="${ listRecruit}" var="RecruitInfoPO">
				<li>
					<a href="recruitDetail_showInfo.action?id=${RecruitInfoPO.id}">
						<div class="industry_left">
							<img src="images/${RecruitInfoPO.img_url} " />
						</div>
						<div class="industry_right">
							<h2>招聘 ${RecruitInfoPO.recruit_position}</h2>
							<p>${RecruitInfoPO.recruit_info}</p>	
						</div>
						<div class="clr"></div>
					</a>
				</li>
			 </c:forEach>
			 	
				
			</ul>	
		</div><!--human_home-->
		<div class="page_all">
            <div class="pagination">
                  <ul>
                    <li class="back"><a href="recruit_showInfo.action?page=${(currentPage > 1 ? currentPage - 1 : currentPage)-1 }&pn=5"><span></span></a></li>
                    
                    <c:forEach items="${listPage}" var ="item" varStatus ="status">
                    	<li><a href="recruit_showInfo.action?page=${item-1}&pn=5">${item}</a></li>
                    </c:forEach>
                    
                    <li class="forward"><a href="recruit_showInfo.action?page=${(currentPage == countPage? countPage : currentPage + 1) -1 }&pn=5"><span></span></a></li>	
                    <div class="clr"></div>							
                  </ul>
            </div>
             <div class="chose_page">
                <label>跳转至：</label>
                <select id="select">
                	<c:forEach items="${listPage}" var ="item" varStatus ="status">
                    	<option value="${item}" >${item}</option>
                    </c:forEach>
                </select>
           </div>
           <div class="current_number">
                <span>当前页数：${currentPage} </span>
                <span>总页数：${countPage} </span>
           </div>
           <div class="clr"></div>
        </div><!--page_all-->
		
	</div><!--home_content-->
	<div class="foot">
		<div class="foot_content">
			<div class="foot_index_mune">
				<a href="index_show.action">首页</a>|
				<a href="courseIntro_showInfo.action">课程信息</a>|
				<a href="industry_show.action">行业动态</a>|
				<a href="recruit_showInfo.action?page=0&pn=5">招聘动态</a>|
				<a href="teacher_show.action">师资团队</a>|
				<a href="project_showInfo.action">实训项目</a>|
				<a href="#">朗思学院</a>|
				<a href="intro_showInfo.action">关于朗思</a>
			</div>
			<p>朗思官方网站网址：<a>http://www.mika360.com</a></p>
			<p>朗思- 陕ICP备13004390</p>
		</div>
	</div>
</body>

<script type="text/javascript">
glide.layerGlide(true,'icon_num','show_pic',960,4,0.09,'left');
</script>

</html>